import React, { Component } from 'react';
import { connect } from 'react-redux';
// 从store容器中获取最新的状态信息，展示在页面中=>先把store容器中的状态赋值给私有状态
// 把某个方法增加到store的事件池中，当store容器中的状态改变，通知此方法执行，此方法可以把当前组件重新渲染=>方法中获取最新的store容器中的状态，基于setState方法控制视图的重新渲染
class Count extends Component {
    // constructor(props) {
    //     super(props);
    //     this.state = {
    //         ...this.props.store.getState().computed
    //     }
    // }
    render() {
        return (
            <>
                {/* {this.state.n} */}
                {this.props.n}
            </>
        );
    };
    // componentDidMount() {
    //     this.props.store.subscribe(() => {
    //         this.setState({
    //             n: this.props.store.getState().computed.n
    //         })
    //     })
    // }
}

// export default Count;
export default connect(state=>state.computed)(Count)